<template>
<!-- 目前的管控措施落实情况 -->
    <div class="main">
        <div class="form-container">
            <div class="form-main">
                <div class="patrol">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="contact">是否有社区巡查</label><br/>
                    <div class="form-border form-twoBor">
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio v-model="community_tour" label="1">无巡视</el-radio>
                            <!-- <input type="radio" name="patrol" value="1"   id="patrolNo" checked="checked" v-model="community_tour" /><label for="patrolNo"> 无巡视</label> -->
                        </div>
                        <div>
                            <el-radio v-model="community_tour" label="0">每天上门巡视</el-radio>
                            <!-- <input type="radio" name="patrol" value="0"   id="patrolYes" v-model="community_tour" /><label for="patrolYes"> 每天上门巡视</label>&nbsp;&nbsp; -->
                        </div>
                    </div>
                </div>
                <div class="disinfection">
                    <!-- <span class="required" style="color:red">*</span>  -->
                    <label for="contact">是否每日消毒</label><br/>
                    <div class="form-border form-twoBor">
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio v-model="disinfection" label="1">否</el-radio>
                            <!-- <input type="radio" name="disinfection" value="1"   id="disinfectionNo" checked="checked" v-model="disinfection" /><label for="disinfectionNo"> 无</label> -->
                        </div>
                        <div>
                            <el-radio v-model="disinfection" label="0">是</el-radio>
                            <!-- <input type="radio" name="disinfection" value="0"   id="disinfectionYes" v-model="disinfection" /><label for="disinfectionYes"> 有</label>&nbsp;&nbsp; -->
                        </div>
                    </div>
                </div>
                <div class="controls">
                    <label for="controls">是否出入管控</label><br/>
                    <div class="form-border form-twoBor">
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio  v-model="access_control" label="0">无管控</el-radio>
                            <!-- <input type="checkbox" name="controls" value="0" v-model="access_control"/> 无管控 -->
                        </div>
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio  v-model="access_control" label="1">一定的管控</el-radio>
                            <!-- <input type="checkbox" name="controls" value="1" v-model="access_control"/> 出入登记 -->
                        </div>
                        <div style="border-bottom: 1px solid #bfbfbf;">
                            <el-radio  v-model="access_control" label="2">禁止来访人员</el-radio>
                            <!-- <input type="checkbox" name="controls" value="2" v-model="access_control"/> 出入测体温 -->
                        </div>
                        <div>
                            <el-radio  v-model="access_control" label="3">不允许出入</el-radio>
                            <!-- <input type="checkbox" name="controls" value="3" v-model="access_control"/> 限制出入人员数量 -->
                        </div>
                    </div>
                </div>
                <div class="controls" v-if="access_control=='1'">
                    <label for="controls">具体措施</label><br/>
                    <div class="form-border tizheng clearfix">
                        <div>
                            <el-checkbox  v-model="concrete_measure" label="出入登记"></el-checkbox>
                            <!-- <input type="checkbox" name="controls" value="1" v-model="life_needs"/> 面 -->
                        </div>
                        <div>
                            <el-checkbox  v-model="concrete_measure" label="出入测体温"></el-checkbox>
                            <!-- <input type="checkbox" name="controls" value="2" v-model="life_needs"/> 油 -->
                        </div>
                        <div>
                            <el-checkbox  v-model="concrete_measure" label="限制出入人员数量"></el-checkbox>
                            <!-- <input type="checkbox" name="controls" value="3" v-model="life_needs"/> 盐 -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
import { newquestionnaireData ,queryCityData} from '@/assets/js/service'
import { Confirm , Datetime,PopupPicker,Popup} from 'vux'

export default {
    components: {
        Confirm,
        Datetime,
        PopupPicker,
        Popup
    },
    data () {
        return {
            community_tour:'1',//是否有社区巡查
            disinfection:'1',//是否每日消毒
            access_control:'0',//是否出入管控
            concrete_measure:[],//具体措施
        }
    },
    created () {
    },
    mounted: function () {
        let epidemicData = JSON.parse(localStorage.getItem('epidemicData'));
        if(epidemicData) {
            this.community_tour = epidemicData.communityTour
            this.disinfection = epidemicData.disinfection
            this.access_control = epidemicData.accessControl
            this.concrete_measure = epidemicData.concreteMeasure.split(',')
        }
    },
    watch:{

    },
    methods: {

    }
}
</script>
<style lang="less" scoped>

.main{
    overflow: hidden;
    // background: url("../../assets/images/home/bj.png") 0 0;
    background-size: 100% 100%;
    .form-container{
        background: #f8fafb;
        background-size: 100% 100%;
        width: calc(100% -16px);
        border-radius: 8px;
        padding-top: 15px;
        border: solid 1px #e5e5e5;
        // margin: 0 3%;
        margin-left:8px;
        margin-right:8px;
        // margin-bottom: 10px;
        padding-bottom: 25px;
        .form-main{
            width: 100%;
            color: #333;
            // border-radius: 8px;
            padding: 0 20px;
            // border: solid 1px #e5e5e5;
            background-color: #f5f8fa;
            h4{
                margin-top: 15px;
            }
            .form-border{
                background-color: rgba(255, 255, 255, 0.9);
                color: #333333;
                padding:5px;
                margin: 5px 0;
                width: 100%;
                margin-bottom: 20px;
                border-radius: 3px;
                box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.8);
            }
            .tizheng{
                div{
                    width: 50%;
                    float: left;
                    padding: 10px 5px;
                    font-size: 15px;
                    input{
                        vertical-align: middle;
                        width: 15px;
                        height: 15px;
                    }
                }
            }
            .form-twoBor{
                padding: 5px 0;
                div{
                    width: 100%;
                    padding: 10px 10px;
                    input{
                        vertical-align: middle;
                        width: 20px;
                        height: 20px;
                    }
                    label{
                        font-size: 15px;
                    }
                }

            }

        }
    }
.yy-input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: red;
  }

}
</style>
